﻿<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/html">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>交易市场</title>
 <link rel="preconnect" href="https://fonts.gstatic.com" />
 <link href="static/css/fc1ab68d70ad48e88943ce422f4566dc.css" rel="stylesheet" />
 <link rel="stylesheet" href="static/css/bootstrap.min.css" />
 <link rel="stylesheet" href="static/css/bootstrap-select.min.css" />
 <link rel="stylesheet" href="static/css/animate.min.css" />
 <link rel="stylesheet" href="static/css/all.min.css" />
 <link rel="stylesheet" href="static/css/jarallax.css" />
 <link rel="stylesheet" href="static/css/organik-icons.css" />
 <link rel="stylesheet" href="static/css/jquery.magnific-popup.css" />
 <link rel="stylesheet" href="static/css/nouislider.min.css" />
 <link rel="stylesheet" href="static/css/nouislider.pips.css" />
 <link rel="stylesheet" href="static/css/odometer.min.css" />
 <link rel="stylesheet" href="static/css/swiper.min.css" />
 <link rel="stylesheet" href="static/css/tiny-slider.min.css" />
 <link href="css/common.css" rel="stylesheet" type="text/css" />
 <link href="css/style.css" rel="stylesheet" type="text/css" />
 <script src="js/jquery.SuperSlide.2.1.1.js" type="text/javascript"></script>
 <script src="js/common_js.js" type="text/javascript"></script>
 <script src="js/footer.js" type="text/javascript"></script>
 <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
 <link rel="stylesheet" href="static/css/organik.css" />
    <script src="js/hit.js" type="text/javascript"></script>
 <script>
  //当文档加载完成后再执行
  $(document).ready(function () {
   $.ajax({
    url: "http://localhost:8088/UniverseFarmBack/isLogin.do",
    dataType: "json",
    type: "get",
    xhrFields: {
     withCredentials: true
    },
    crossDomain: true,
    success: function (result) {
     if (result.flag == 1) {
      //说明已经登录
      $("#logininfo").html("欢迎你，" + result.data.userName + "&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' onclick='loginout()'>注销</a>");
      $("#userinfo").html("<ul class=\"main-menu__list\"><li class=\"dropdown\"><a href='userinfo.html'><i className='organik-icon-user'></i>个人中心</a> " +
              "<ul>\n" +
              "<li>\n" +
          "<a href=\"userinfo.html\#change\">个人信息修改</a></li>\n" +
          "<li><a href=\"userinfo.html\#have\">我的元产品</a></li>\n" +
          " <li><a href=\"userinfo.html\#money\">充值</a></li>\n" +
              "</li>\n" +
              "</ul>"+
              "</li>"
      );

     } else {
      //说明未登录
      $("#logininfo").html("<a href='login.html' class='green'>登录</a> /<a href='register.html' class='green'>免费注册</a>");
     }
    }
   });

  });
 </script>
 <script>
  function loginout() {
   $.ajax({
    url: "http://localhost:8088/UniverseFarmBack/loginOut.do",
    dataType: "json",
    type: "get",
    xhrFields: {
     withCredentials: true
    },
    crossDomain: true,
    success: function (result) {
     alert(result.msg);
     //跳转到登录页面？刷新页面
     location.reload();
    }
   });


  }
 </script>
 <!-- //加入购物车-->
 <script>
  function add(myuserID) {
   $.ajax({
    url: "http://localhost:8088/UniverseFarmBack/addCart.do",
    dataType: "json",
    data: {soilinfoid: myuserID},
    type: "get",
    xhrFields: {
     withCredentials: true
    },
    crossDomain: true,
    success: function (result) {
     alert(result.msg);
     //跳转到登录页面？刷新页面
     // location.reload();
    }
   });


  }
 </script>
 <script>
  //全局变量
  var globalpage=1;
  var globalsize=8;
  var globalpageCount=0;



  //加载首页的数据
  $(document).ready(function(){
   mypage(1,8);
  });
 </script>
 <script>
  /**
   * 分页函数
   * @param page   当前页数
   * @param size   每页显示条数
   */
  function mypage(page,size){
   $.ajax({
    url: "http://localhost:8088/UniverseFarmBack/getGoodsByPage.do",
    dataType:"json",
    data:{page:page,size:size},
    type:"get",
    xhrFields: {
     withCredentials: true
    },
    crossDomain: true,
    success:function(result){
     globalpage=result.data.page;
     globalsize=result.data.size;
     globalpageCount=result.data.pageCount;
     if(result.flag==0){
      //没有数据
      $("#fruitlist").html("暂无数据");
     }else{
      //取出数据
      var mydata= result.data.pagedata;
      var usermsg= result.usermsg;
      var i;
      for(i=0;i<mydata.length;i++){
       var str="";
       str=str+ '<div class="col-md-6 col-lg-4">'+
               '<div class="product-card">'+
               '<div class="product-card__image">'+
               '<img src="http://localhost:8088/UniverseFarmBack/static/picture/goods/'+mydata[i].soilPhoto+'">'+
               '<div class="product-card__image-content">'+
               '<a href="#" onclick="seeGoodDetail('+mydata[i].soilId+')"><i class="organik-icon-visibility"></i></a>'+
               '<a onclick="add('+mydata[i].soilId+')"><i class="organik-icon-shopping-cart"></i></a>'+
               '</div>'+
               '</div>'+
               '<div class="product-card__content">'+
               '<div class="product-card__left">'+
               '<h3><a href="product-details.html">'+mydata[i].soilName+'</a></h3>'+
               '<p>$'+mydata[i].soilPrice+'</p>'+
               '</div>'+
               '<div class="product-card__right">'+
               // '<i class="fa fa-star"></i>'+
               // '<i class="fa fa-star"></i>'+
               // '<i class="fa fa-star"></i>'+
               // '<i class="fa fa-star"></i>'+
               // '<i class="fa fa-star"></i>'+
               usermsg[i].userName+
               '</div>'+
               '</div>'+
               '</div>'+
               '</div>';
       $("#fruitlist").append(str);
      }

                        //
                        // var str2='<a href="javascript:mypage(1,'+globalsize+')">首页</a>';
                        // var str3= '<a href="javascript:mypage('+(globalpage-1)+','+globalsize+')">&lt;上一页</a>';
                        // var strpage="";
                        // for(i=1;i<=globalpageCount;i++){
                        //  if(i==globalpage){
                        //   strpage=strpage+'<a href="javascript:mypage('+i+','+globalsize+')" class="on">'+i+'</a>';
                        //  }else{
                        //   strpage=strpage+'<a href="javascript:mypage('+i+','+globalsize+')" >'+i+'</a>';
                        //  }
                        //
                        // }

//						  <a href="#" class="on">1</a>
//						  <a href="#">2</a>
//						  <a href="#">3</a>
//						  <a href="#">4</a>
//       var str4='<a href="javascript:mypage('+(globalpage+1)+','+globalsize+')">下一页&gt;</a>';
//       var str5='<a href="javascript:mypage('+globalpageCount+','+globalsize+')">尾页</a>';
//
//       $("#mypagetool").html(str2+str3+strpage+str4+str5);


                        // var selectstr="";
                        // for(i=1;i<=globalpageCount;i++){
                        //  if(i==globalpage){
                        //   selectstr=selectstr+"<option selected='selected' value='"+i+"'>"+i+"</option>"
                        //  }else{
                        //   selectstr=selectstr+"<option value='"+i+"'>"+i+"</option>"
                        //  }
                        // }
                        // $("#myselect").html(selectstr);
                    }
                },
                error: function (result) {

                }

            });

        }

    </script>
    <script>
        function seeGoodDetail(goodId){
            /*var name = document.getElementById("userName");
            var pass = document.getElementById("passwords");*/
            /*setCookie('userName',name.value,7)*/
            //setCookie('goodId',goodId.value,0);
            location.href = 'product-details.html';
            //设置localStorage，只能同域名同端口传值
            window.localStorage.setItem('goodId',goodId);

        }
    </script>
<!--    模拟查询-->
    <script>
        function mysearch()
        {
            var msg=$("#msg").val();

        }
    </script>
</head>
<body>
<div class="preloader">
    <img class="preloader__image" width="55" src="static/picture/loader.png" alt=""/>
</div>

<div class="page-wrapper">
    <header class="main-header">
  <div class="topbar">
   <div class="container">
    <div id="logininfo"></div>
    <div class="main-logo">
     <a href="index.html" class="logo">
      <img src="static/picture/universe.PNG" width="300" alt="">
     </a>
     <div class="mobile-nav__buttons">
      <a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
      <a href="#" class="mini-cart__toggler"><i class="organik-icon-shopping-cart"></i></a>
     </div>
     <span class="fa fa-bars mobile-nav__toggler"></span>
    </div>
    <div class="topbar__left">
     <div class="topbar__social">
      <a href="#" class="fab fa-twitter"></a>
      <a href="#" class="fab fa-facebook-square"></a>
      <a href="#" class="fab fa-instagram"></a>
     </div>
     <div class="topbar__info">
      <i class="organik-icon-email"></i>
      <p>Email <a href="/cdn-cgi/l/email-protection#8de4e3ebe2cde2ffeaece3e4e6a3eee2e0"><span
              class="__cf_email__" data-cfemail="90f9fef6ffd0ffe2f7f1fef9fbbef3fffd">[email&#160;protected]</span></a>
      </p>
     </div>
    </div>
    <div class="topbar__right">
     <div class="topbar__info">
      <i class="organik-icon-calling"></i>
      <p>Phone <a href="tel:+92-666-888-0000">92 666 888 0000</a></p>
     </div>
     <div class="topbar__buttons">
      <a href="#" class="search-toggler"><i class="organik-icon-magnifying-glass"></i></a>
      <a href="cart.html" ><!--class="mini-cart__toggler"--><i class="organik-icon-shopping-cart"></i></a>
     </div>
    </div>
   </div>
  </div>
  <nav class="main-menu">
   <div class="container">
    <!--个人信息页面-->
    <div class="main-menu__login" id="userinfo">
    </div>
    <ul class="main-menu__list">
     <li class="dropdown">
      <a href="index.html">主页</a>
      <ul>
       <li><a href="index.html">主界页</a></li>
       <li><a href="#shangpin">商品</a></li>
       <li><a href="#jianjie">简介</a></li>
       <li><a href="#gonglue">攻略</a></li>
       <!--<li class="dropdown">
           <a href="#">Header Styles</a>
           <ul>
               <li><a href="index.html">Header One</a></li>
               <li><a href="index-2.html">Header Two</a></li>
           </ul>
       </li>-->
      </ul>
     </li>
     <li class="dropdown">
      <a href="products.html">交易市场</a>
      <!--<ul>
          <li><a href="products.html">Shop</a></li>
          <li><a href="product-details.html">Product Details</a></li>
          <li><a href="cart.html">Cart Page</a></li>
          <li><a href="checkout.html">Checkout</a></li>
      </ul>-->
     </li>
     <li class="dropdown"><a href="cart.html">购物车</a>
      <!--<ul>
          <li><a href="news.html">购物车</a></li>
          <li><a href="news-details.html">News Details</a></li>
      </ul>-->
     </li>
     <li><a href="mysoils.html">个人农场</a></li>
     <li><a href="soils.html">农场社区</a></li>
    </ul>
    <!--<li>
    <a href="about.html">About</a>
    </li>-->
    <!--<li class="dropdown">
        <a href="products.html">Shop</a>
        <ul>
            <li><a href="products.html">Shop</a></li>
            <li><a href="product-details.html">Product Details</a></li>
            <li><a href="cart.html">Cart Page</a></li>
            <li><a href="checkout.html">Checkout</a></li>
        </ul>
    </li>
    <li class="dropdown"><a href="news.html">News</a>
        <ul>
            <li><a href="news.html">News</a></li>
            <li><a href="news-details.html">News Details</a></li>
        </ul>
    </li>
    <li><a href="soils.html">Contact</a></li>
</ul>-->
    <div class="main-menu__language">
     <img src="static/picture/flag-1-0.jpg" alt="">
     <label class="sr-only" for="language-select">选择语言</label>

     <select class="selectpicker" id="language-select-header">
      <option value="english">中文</option>
      <option value="arabic">英语</option>
     </select>
    </div>
   </div>
  </nav>
 </header>
    <div class="stricky-header stricked-menu main-menu">
        <div class="sticky-header__content"></div>
    </div>
    <section class="page-header">
        <div class="page-header__bg" style="background-image: url(static/images/page-header-bg-1-1.jpg);"></div>

        <div class="container">
            <h2>商品</h2>
            <ul class="thm-breadcrumb list-unstyled">
                <li><a href="personal.html">Home</a></li>
                <li>/</li>
                <li><span>Products</span></li>
            </ul>
        </div>
    </section>
    <section class="products-page">
        <div class="container">
            <div class="row">
                <div class="col-sm-12 col-md-12 col-lg-3">
                    <div class="product-sidebar">
                        <div class="product-sidebar__single product-sidebar__search-widget">
                            <form action="#">
                                <input type="text" placeholder="Search" id="msg">
                                <button onclick="mysearch()" class="organik-icon-magnifying-glass" type="submit"></button>
                            </form>
                        </div>
                        <div class="product-sidebar__single">
                            <h3>价格</h3>
                            <div class="product-sidebar__price-range">
                                <div class="range-slider-price" id="range-slider-price"></div>
                                <div class="form-group">
                                    <div class="left">
                                        <p>$<span id="min-value-rangeslider"></span></p>
                                        <span>-</span>
                                        <p>$<span id="max-value-rangeslider"></span></p>
                                    </div>
                                    <div class="right">
                                        <input type="submit" class="thm-btn" value="Filter">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="product-sidebar__single">
                            <h3>分类</h3>
                            <ul class="list-unstyled product-sidebar__links">
                                <li><a href="land.html">土地 <i class="fa fa-angle-right"></i></a></li>
                                <li><a href="tree.html">树苗 <i class="fa fa-angle-right"></i></a></li>
                                <li><a href="fruit.html">果实 <i class="fa fa-angle-right"></i></a></li>
                                <li><a href="tool.html">工具 <i class="fa fa-angle-right"></i></a></li>


                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-sm-12 col-md-12 col-lg-9">
                    <div class="product-sorter">

                        <div class="product-sorter__select">
                            <select class="selectpicker">
                                <option value="#">综合</option>
                                <option value="#">信用</option>
                                <option value="#">价格升序</option>
                                <option value="#">价格降序</option>
                            </select>
                        </div>
                    </div>
                    <div class="row" id="fruitlist">
                        <!--<div class="col-md-6 col-lg-4" >-->
                        <!--<div class="product-card">-->
                        <!--<div class="product-card__image">-->
                        <!--<img src="static/picture/苹果果.png" alt="">-->
                        <!--<div class="product-card__image-content">-->
                        <!--<a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--<a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="product-card__content">-->
                        <!--<div class="product-card__left">-->
                        <!--<h3><a href="product-details.html">苹果</a></h3>-->
                        <!--<p>$1.00</p>-->
                        <!--</div>-->
                        <!--<div class="product-card__right">-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="col-md-6 col-lg-4" >-->
                        <!--<div class="product-card">-->
                        <!--<div class="product-card__image">-->
                        <!--<img src="static/picture/猕猴桃果.png" alt="">-->
                        <!--<div class="product-card__image-content">-->
                        <!--<a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--<a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!-- <div class="product-card__content">-->
                        <!--<div class="product-card__left">-->
                        <!--<h3><a href="product-details.html">猕猴桃</a></h3>-->
                        <!--<p>$3.00</p>-->
                        <!--</div>-->
                        <!--<div class="product-card__right">-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="col-md-6 col-lg-4" >-->
                        <!--<div class="product-card">-->
                        <!--<div class="product-card__image">-->
                        <!--<img src="static/picture/柚子果.png" alt="">-->
                        <!--<div class="product-card__image-content">-->
                        <!--<a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--<a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--<div class="product-card__content">-->
                        <!--<div class="product-card__left">-->
                        <!--<h3><a href="product-details.html">柚子</a></h3>-->
                        <!--<p>$2.00</p>-->
                        <!--</div>-->
                        <!--<div class="product-card__right">-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--<i class="fa fa-star"></i>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!--</div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/保护罩.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">保护罩</a></h3>-->
                        <!--     <p>$5.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/苹果苗.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">苹果树苗</a></h3>-->
                        <!--     <p>$6.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/猕猴桃苗.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">猕猴桃树苗</a></h3>-->
                        <!--     <p>$4.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/橙子苗.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">柚子苗</a></h3>-->
                        <!--     <p>$9.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/土地a.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">土地a</a></h3>-->
                        <!--     <p>$2.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/土地c.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">土地c</a></h3>-->
                        <!--     <p>$2.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/土地d.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">土地d</a></h3>-->
                        <!--     <p>$2.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/土地e.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">土地e</a></h3>-->
                        <!--     <p>$2.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/土地f.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">土地f</a></h3>-->
                        <!--     <p>$2.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                        <!-- <div class="col-md-6 col-lg-4">-->
                        <!--  <div class="product-card">-->
                        <!--   <div class="product-card__image">-->
                        <!--    <img src="static/picture/土地b.png" alt="">-->
                        <!--    <div class="product-card__image-content">-->
                        <!--     <a href="#"><i class="organik-icon-heart"></i></a>-->
                        <!--     <a href="cart.html"><i class="organik-icon-shopping-cart"></i></a>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--   <div class="product-card__content">-->
                        <!--    <div class="product-card__left">-->
                        <!--     <h3><a href="product-details.html">土地b</a></h3>-->
                        <!--     <p>$3.00</p>-->
                        <!--    </div>-->
                        <!--    <div class="product-card__right">-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--     <i class="fa fa-star"></i>-->
                        <!--    </div>-->
                        <!--   </div>-->
                        <!--  </div>-->
                        <!-- </div>-->
                    </div>
                    <div class="text-center">
                        <a href="javascript:mypage((globalpage+1),globalsize)"
                           class="thm-btn products__load-more">Load More</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
 <footer class="site-footer background-black-2">
  <img src="static/picture/footer-bg-1-1.png" alt="" class="site-footer__shape-1">
  <img src="static/picture/footer-bg-1-2.png" alt="" class="site-footer__shape-2">
  <div class="container">
   <div class="row">
    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
     <div class="footer-widget footer-widget__about-widget">
      <a href="index.html" class="footer-widget__logo">
       <img src="static/picture/universe.PNG" alt="" width="250" height="80">
      </a>
      <p class="thm-text-dark">
       请相信快乐的想法，从没有离开过我们的身旁，<br>
       就像网络上虚拟的农场，终会成为现实的天堂。
      </p>
     </div>
    </div>
    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
     <div class="footer-widget footer-widget__contact-widget">
      <h3 class="footer-widget__title">联系我们</h3>
      <ul class="list-unstyled footer-widget__contact">
       <li>
        <i class="fa fa-phone-square"></i>
        <a href="tel:18360495939">18360495939</a>
       </li>
       <li>
        <i class="fa fa-envelope"></i>
        <a href="/cdn-cgi/l/email-protection#8be2e5ede4cbe8e4e6fbeae5f2a5e8e4e6"><span
                class="__cf_email__" data-cfemail="620b0c040d22010d0f12030c1b4c010d0f">1776356421@qq.com</span></a>
       </li>
       <li>
        <i class="fa fa-map-marker-alt"></i>
        <a href="#">福建省厦门市集美大学诚毅学院
        </a>
       </li>
      </ul>
     </div>
    </div>
    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
     <div class="footer-widget footer-widget__links-widget">
      <h3 class="footer-widget__title">为你推荐</h3>
      <ul class="list-unstyled footer-widget__links">
       <li>
        <a href="index.html">热卖榜单</a>
       </li>
       <li>
        <a href="products.html">购物</a>
       </li>
       <li>
        <a href="about.html">关于我们</a>
       </li>
       <li>
        <a href="contact.html">反馈</a>
       </li>
       <li>
        <a href="contact.html">客服</a>
       </li>
      </ul>
     </div>
    </div>
    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-2">
     <div class="footer-widget">
      <h3 class="footer-widget__title">配送方式</h3>
      <ul class="list-unstyled footer-widget__links">
       <li>
        <a href="products.html">上门自提</a>
       </li>
       <li>
        <a href="checkout.html">211限时达</a>
       </li>
       <li>
        <a href="contact.html">配送服务查询</a>
       </li>
       <li>
        <a href="contact.html">海外配送</a>
       </li>
       <li>
        <a href="contact.html">配送费收取标准</a>
       </li>
      </ul>
     </div>
    </div>
    <div class="col-sm-12 col-md-6 col-lg-6 col-xl-3">
     <div class="footer-widget">
      <h3 class="footer-widget__title">售后服务</h3>
      <form action="#" data-url="YOUR_MAILCHIMP_URL" class="mc-form">
       <input type="email" name="EMAIL" id="mc-email" placeholder="退款说明">
       <button type="submit">价格保护</button>
      </form>
      <div class="mc-form__response"></div>
     </div>
    </div>
   </div>
  </div>
  <div class="bottom-footer">
   <div class="container">
    <hr>
    <div class="inner-container text-center">
     <div class="bottom-footer__social">
      <a href="#" class="fab fa-twitter"></a>
      <a href="#" class="fab fa-facebook-square"></a>
      <a href="#" class="fab fa-instagram"></a>
     </div>

    </div>
   </div>
  </div>
 </footer>
</div>
<div class="mobile-nav__wrapper">
    <div class="mobile-nav__overlay mobile-nav__toggler"></div>

    <div class="mobile-nav__content">
        <span class="mobile-nav__close mobile-nav__toggler"><i class="organik-icon-close"></i></span>
        <div class="logo-box">
            <a href="personal.html" aria-label="logo image"><img src="static/picture/logo-light.png" width="155"
                                                                 alt=""/></a>
        </div>

        <div class="mobile-nav__container"></div>

        <ul class="mobile-nav__contact list-unstyled">
            <li>
                <i class="organik-icon-email"></i>
                <a href="/cdn-cgi/l/email-protection#8fe1eaeaebe7eae3ffcfe0fde8eee1e6e4a1ece0e2"><span
                        class="__cf_email__" data-cfemail="1d737878797578716d5d726f7a7c737476337e7270">[email&#160;protected]</span></a>
            </li>
            <li>
                <i class="organik-icon-calling"></i>
                <a href="tel:666-888-0000">666 888 0000</a>
            </li>
        </ul>
        <div class="mobile-nav__top">
            <div class="mobile-nav__language">
                <img src="static/picture/flag-1-1.jpg" alt="">
                <label class="sr-only" for="language-select">select language</label>

                <select class="selectpicker" id="language-select">
                    <option value="english">English</option>
                    <option value="arabic">Arabic</option>
                </select>
            </div>
            <div class="main-menu__login">
                <a href="#"><i class="organik-icon-user"></i>Login / Register</a>
            </div>
        </div>
    </div>

</div>

<div class="mini-cart">
    <div class="mini-cart__overlay mini-cart__toggler"></div>
    <div class="mini-cart__content">
        <div class="mini-cart__top">
            <h3 class="mini-cart__title">Shopping Cart</h3>
            <span class="mini-cart__close mini-cart__toggler"><i class="organik-icon-close"></i></span>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-1.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Banana</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="2" value="1"/>
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-2.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Tomato</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="2" value="1"/>
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <div class="mini-cart__item">
            <img src="static/picture/cart-1-3.jpg" alt="">
            <div class="mini-cart__item-content">
                <div class="mini-cart__item-top">
                    <h3><a href="product-details.html">Bread</a></h3>
                    <p>$9.99</p>
                </div>
                <div class="quantity-box">
                    <button type="button" class="sub">-</button>
                    <input type="number" id="2" value="1"/>
                    <button type="button" class="add">+</button>
                </div>
            </div>
        </div>
        <a href="checkout.html" class="thm-btn mini-cart__checkout">Proceed To Checkout</a>
    </div>
</div>
<div class="search-popup">
    <div class="search-popup__overlay search-toggler"></div>

    <div class="search-popup__content">
        <form action="#">
            <label for="search" class="sr-only">search here</label>
            <input type="text" id="search" placeholder="Search Here..."/>
            <button type="submit" aria-label="search submit" class="thm-btn">
                <i class="organik-icon-magnifying-glass"></i>
            </button>
        </form>
    </div>

</div>

<a href="#" data-target="html" class="scroll-to-target scroll-to-top"><i class="fa fa-angle-up"></i></a>
<script src="static/js/jquery-3.5.1.min.js"></script>
<script src="static/js/bootstrap.bundle.min.js"></script>
<script src="static/js/bootstrap-select.min.js"></script>
<script src="static/js/jarallax.min.js"></script>
<script src="static/js/jquery.ajaxchimp.min.js"></script>
<script src="static/js/jquery.appear.min.js"></script>
<script src="static/js/jquery.circle-progress.min.js"></script>
<script src="static/js/jquery.magnific-popup.min.js"></script>
<script src="static/js/jquery.validate.min.js"></script>
<script src="static/js/nouislider.min.js"></script>
<script src="static/js/odometer.min.js"></script>
<script src="static/js/swiper.min.js"></script>
<script src="static/js/tiny-slider.min.js"></script>
<script src="static/js/wnumb.min.js"></script>
<script src="static/js/wow.js"></script>
<script src="static/js/isotope.js"></script>
<script src="static/js/countdown.min.js"></script>

<script src="static/js/organik.js"></script>
</body>
</html>